{% load staticfiles %}
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
	<meta charset="utf-8">
	<title>BingZhao</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	

	<link rel="stylesheet" href={%static "css/normal.css" %} type="text/css">
	<link rel="stylesheet" href={%static "css/style.css" %} type="text/css">
	<link rel="stylesheet" href={%static "css/animation.css" %} type="text/css">
	<link rel="stylesheet" href={%static "css/easyui.css" %} type="text/css">


	<!--script src="/static/js/webfont.js"></script-->
<!--style type="text/css">
 .fotter-text {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff7f7;
  text-align: center;
}

</style-->

	<script>
	if (/mobile/i.test(navigator.userAgent)) document.documentElement.className += ' w-mobile';
	</script>
	<!--link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico"-->
	<link rel="shortcut icon" type="image/x-icon"  href={%static "favicon.ico" %}>
	<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->
</head>
	<body>
		<div class="fix-header" id="home">
			<div class="w-container">
				<div class="w-nav" data-collapse="medium" data-animation="default" data-duration="400"></div>
			</div>
		</div>
		<div class="fixed-header">
			<div class="w-container container">
				<div class="w-row">
					<!--div class="w-col w-col-3 logo"-->
					<div class="w-col w-col-3 ">
						<!--a href="#"><img class="logo" src="{%static "images/logo.png" %}"   alt="logo"></a-->
						<!--a href="#"><h1 class="logo-title">非油业务自建系统使用说明</h1></a-->
						<a href="#"><h1 style="color:black">BingZhao</h1></a>
					</div>
					<div class="w-col w-col-9">
						<div class="w-nav navbar" data-collapse="medium" data-animation="default" data-duration="400" data-contain="1">
							<div class="w-container nav">
								<nav class="w-nav-menu nav-menu" role="navigation">
									<a class="w-nav-link menu-li" href="#home">HOME</a>
									<a class="w-nav-link menu-li" href="#about">ABOUT</a>
									<a class="w-nav-link menu-li" href="#service">SERVICES</a>
									<a class="w-nav-link menu-li" href="#product">PRODUCT</a>
									<a class="w-nav-link menu-li"href="#team">TEAM</a>
									<a class="w-nav-link menu-li" href="#contact">CONTACT</a>
								</nav>
								<div class="w-nav-button">
									<div class="w-icon-nav-menu"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		{% block about_content %}
		{% endblock %}
		
		{% block service_content %}
		{% endblock %}		
		
		{% block procduct_content %}
		{% endblock %}		
		
		{% block team_content %}
		{% endblock %}		
		
		{% block contact_content %}
		{% endblock %}
		
		<div class="footer-parlex  ">
			<div class="parlex9-back">
				<div class="w-container">
					<div class="wrap">
						<!--img class="footer-logo" src="{%static "images/footer-logo.png" %}"  alt="footer-logo"-->
						<br><br><br><br><br><br>
						<div class="footer-social">
							<div class="fotter-social-wrap">
								<a href="#"><img class="fotter-social" src="{%static "images/social/Facebook.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Twitter.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Google-plus.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Blogger.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Digg.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Pinterest.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Flickr.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Vimeo.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Myspace.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Stumbleupn.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Tumblr.png" %}" alt="Facebook.png"></a>
								<a href="#"><img class="fotter-social" src="{%static "images/social/Youtube.png" %}" alt="Facebook.png"></a>
							</div>
						</div>
						<div>
							<div class="fotter-text">
								<p class="fotter-quote">“ THE LIGHT WITHIN US BOWS TO THE LIGHT WITHIN YOU. ”</p>
								<p class="copyright-area">©2019 BingZhao.</p>
								<p class="copyright-area">ALL RIGHTS RESERVED,TEMPLATE BY&nbsp; BingZhao</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		

	<script type="text/javascript" src="{%static "js/portfolio-effects.js" %}"></script>  
	
	<script type="text/javascript" src="{%static "js/jquery.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/normal.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/jquery-1.10.2.min.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/carousels.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/slider-modernizr.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/classie.js" %}"></script>   
	 
	<script type="text/javascript" src="{%static "js/toucheffects.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/modernizr.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/animation.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/jquery.easyui.min.js" %}"></script>   
	<script type="text/javascript" src="{%static "js/jquery.fileDownload.js" %}"></script>   
	
 		{% block custonjs %}
		{% endblock %}
		

	
	</body>
</html> 